<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/page/common/common_header.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>班次管理</title>

<script src='${baseURL }/js/jquery.min.js'></script>
<script src='${baseURL }/js/common/addTab.js'></script>

<script type="text/javascript" src="http://10.0.250.52/uidev/package/js/itcui.dev.js"></script>
<link rel="stylesheet" type="text/css" href="http://10.0.250.52/uidev/package/css/itcui.dev.css" media="all"/>

<!-- toolbar css  -->
<link rel="stylesheet" type="text/css" href="${baseURL }/css/content_table.css" media="all" />
<link rel="stylesheet" type="text/css" href="${baseURL }/css/itcui.css" media="all" />
<link rel="stylesheet" type="text/css" href="${baseURL }/css/base.css" media="all" />

<script>
	var testData = [ {
		"id" : "1",
		"bcId" : "2014-05-20 16:00",
		"bcName" : "早班 测试数据准确性",
		"startTime":"2014-05-20 16:00",
		"endTime":"张三",
		"sortId" : "1"
	}, {
		"id" : "2",
		"bcId" : "2014-05-20 16:00",
		"bcName" : "早班 测试数据准确性",
		"startTime":"2014-05-20 16:00",
		"endTime":"张三",
		"sortId" : "1"
	},{
		"id" : "3",
		"bcId" : "2014-05-20 16:00",
		"bcName" : "早班 测试数据准确性",
		"startTime":"2014-05-20 16:00",
		"endTime":"张三",
		"sortId" : "1"
	},{
		"id" : "4",
		"bcId" : "2014-05-20 16:00",
		"bcName" : "早班 测试数据准确性",
		"startTime":"2014-05-20 16:00",
		"endTime":"张三",
		"sortId" : "1"
	}];

	$(document).ready(function() {

		$("#contentTb").datagrid({
			"pagination" : false,
			"fitColumns" : true,
			"singleSelect":true,
			"data" : testData
		});
		
		$("#btn_advlocal").click(function() {
			if ($(this).hasClass("active")) {
				$("#contentTb").ITCUI_GridSearch("end");
			} else {
				$("#contentTb").ITCUI_GridSearch("init");
			}
		});
		
		$("tr").dblclick(function(){
			var url = "${baseURL}/page/schedule/classListDetail.jsp";
			var row = $('#contentTb').datagrid('getSelected');
			if (row){
			   var id=row.id;
			}else{
				return;
			}
			
			addTab( "classListDetail"+id, "班次详情"+id, url );
		});
	});
</script>

</head>
<body class="ml12 mr12 mt12">
	<div id="content">
		<div class="toolbar">
			<div class="btn-group btn-group-sm" style="float: left;">
				<button type="button" class="btn btn-default" data-toggle="button" id="btn_advlocal">高级搜索</button>
			</div>
			<div id="btn_setting" class="itcui_btn_circle fr"
				style="margin-right: 2px">
				<span class="itcui_btn_circle_setting itcui_btn_circle_icon"></span>
			</div>
			<div class="itcui_btn_circle fr" style="margin-right: 2px">
				<span class="itcui_btn_circle_next itcui_btn_circle_icon"></span>
			</div>
			<div class="itcui_btn_circle_disable fr" style="margin-right: 2px">
				<span
					class="itcui_btn_circle_prev_disable itcui_btn_circle_icon_disable"></span>
			</div>
			<div class="itcui_pager fr" id="pager">
				<span style="line-height: 22px">1/5</span><img
					src="${baseURL }/images/pager_arrow.png" />
			</div>
		</div>
		<table class="easyui-datagrid" style="clear: both" width="100%"
			cellspacing="0" id="contentTb">
			<thead>
				<tr style="height: 24px">
					<!-- <th data-options="field:'ck',checkbox:true"></th> -->
					<!-- <th width="26" data-options="field:'id'">序号</th> -->
					<th  data-options="field:'bcId',width:120,fixed:true">记录时间</th>
					<th  data-options="field:'bcName',width:180,fixed:true">内容</th>
					<th  data-options="field:'startTime',width:120,fixed:true">办理时间</th>
					<th  data-options="field:'endTime',width:120,fixed:true">记录人</th>
					<th  data-options="field:'none',width:1"></th>
				</tr>
			</thead>
		</table>
	</div>
</body>
</html>